<template>
  <div>
    <h3>基本信息</h3>
    <el-form>
      <el-form-item label=" 学习卡批次名称">
        <el-input
          class="ipt1"
          type="text"
          placeholder="请输入名称，最多可添加30个字"
          v-model="text"
          maxlength="30"
          show-word-limit
        >
        </el-input>
      </el-form-item>
      <el-form-item label=" 学习卡面额">
        <el-input-number
          v-model="num"
          controls-position="right"
          @change="handleChange"
          :min="1"
          :max="10"
        ></el-input-number>
      </el-form-item>
      <el-form-item label=" 学习卡内容">
        <el-input type="text" placeholder="选择课程" v-model="text"> </el-input>
      </el-form-item>
      <el-form-item label="有效期">
        <div class="block">
          <el-date-picker
            v-model="value1"
            type="date"
            placeholder="开始日期-结束日期"
          >
          </el-date-picker>
        </div>
      </el-form-item>
      <el-form-item label=" 发放数量">
        <el-input-number
          v-model="num"
          controls-position="right"
          @change="handleChange"

          :max="10000"
           placeholder="请输入发放数量"
        >
        请输入发放数量，1-100000之间的整数
        </el-input-number>
      </el-form-item>
       <el-button type="primary">保存并返回</el-button>
    </el-form>
  </div>
</template>

<script>

export default {
  data() {
    return {
      text: '',
      value1: '',
      num: '',
      handleChange: 0
    }
  },
  created() {

  },
  mounted() {},
  methods: {

  },
  computed: {}
}
</script>

<style scoped>
.ipt1 {
  width: 360px;
}
</style>
